<template>
  <view
        class="house-main not-loaded"
        style="background-color: white"
  >
    <view class="swiper-wrapper" :style="{height: swiperHeight+'px'}">
      <view class="swipe-item-image" style="background-color: whitesmoke;"
      ></view>
    </view>
    <view class="body-content">
      <view class="loading-long-bar"></view>
      <view class="loading-long-bar half-width" style="margin-bottom: 6vw"></view>
      <view class="info-wrapper">
        <view class="info3"></view>
        <view class="info3"></view>
        <view class="info3"></view>
      </view>
      <view class="loading-long-bar" style="margin-bottom: 10vw;"></view>
      <view class="two-info">
        <view style="margin-right: 10vw;">
          <view class="loading-long-bar one-third-width"></view>
          <view class="loading-long-bar " style="width: 10vw"></view>
        </view>
        <view>
          <view class="loading-long-bar one-third-width"></view>
          <view class="loading-long-bar " style="width: 10vw"></view>
        </view>
      </view>
    </view>
    <view class="bottom-man"
          v-if="$store.state.userOriented"
          style="opacity: .5;">
      <view style="padding: 5px 15px;width: 100%;" class="flex">
        <view class="houseManImage">
        </view>
        <view class="person-info" style="flex-grow: 1;">
          <text class="name" style="background-color: whitesmoke"></text>
          <text class="company" style="background-color: whitesmoke;width: 10vw; height: 4vw;">
          </text>
        </view>
        <view class="ManBut" style="">
        
        </view>
        <view class="ManBut blue-button-call">
        </view>
      </view>
    
    </view>
  
  </view>
</template>

<script>
  export default {
    props: ['swiperHeight'],
    components: {
      // ComName: () => import( "./views/ExperienceDetails")
    },
    data() {
      return {}
    },
    methods: {}
  }
</script>

<style scoped lang="scss">
  @import "displayDetails";

</style>
